<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title></title>
<link href="../shortcut_icon_1.png" rel="shortcut icon"
	type="image/x-icon" />
<link href="../Content/flick/jquery-ui-1.10.3.custom.css"
	rel="stylesheet" />
<link href="../Content/utility.css" rel="stylesheet" />
<link href="../Content/zTreeStyle.css" rel="stylesheet" />
<link href="../Content/Aggregate.css" rel="stylesheet" />
<script src="../Scripts/jquery-1.10.1.js"></script>
<script src="../Scripts/jquery-ui-1.10.3.custom.js"></script>
<script src="../Scripts/jquery-ui-timepicker-addon.js"></script>
<script src="../Scripts/jquery.ztree.all-3.5.js"></script>
<script src="../Scripts/utility.js"></script>
<script src="../Scripts/CookieControl.js"></script>
<script src="../Scripts/AppData.js"></script>
<script src="../Scripts/Aggregate.js"></script>
<script>
	loadTimeout();// this function to control loading
</script>
</head>
<body>
	<div id="accordion">
		<h3 id="step1">aggregate property:</h3>
		<div class='accordion-content' id="aggregateDiv"></div>
		<h3 id="step2">Choose the criteria:</h3>
		<div class='accordion-content' id="criteriaDiv">

			<div class="criteriaContent" id="leftContent">
				<h4 class="ui-widget-header">criteria list</h4>
				<ul id="UnAdd" class="connectedSortable">

				</ul>
			</div>

			<div class="criteriaContent" id="rightContent">
				<h4 class="ui-widget-header">criteria for aggregation</h4>

				<ul id="Add" class="connectedSortable">

				</ul>

				<div id="note">
					<br />
					<p>drag the criteria you need to here</p>
					<br />
				</div>


			</div>

		</div>
		<div id="step3Div">
			<h3 id="step3">set const:</h3>
			<div class='accordion-content'>
				<div id="constDiv"></div>
				<input type="button" value="get result" id="showResult" />
			</div>
		</div>
		<h3 id="step4">Result</h3>
		<div class='accordion-content'>
			<div id="result"></div>
		</div>
	</div>
</body>
</html>